<template>
  <div class="tender1">
    <Hedar></Hedar>
    <div class="logoImg">
    </div>
    <Newsnav :index="1"></Newsnav>
    <div class="banner_cont">
      <!--<div class="block">-->
        <!--<el-carousel height="420px">-->
          <!--<el-carousel-item v-for="item in bannertip" :key="item">-->
            <!--<img v-bind:src = item />-->
          <!--</el-carousel-item>-->
        <!--</el-carousel>-->
      <!--</div>-->
      <div class="banner_cont_tip">
            <h2>免费查看招标采购信息</h2>
            <p><span>我是供应商</span><span>我是需求商</span></p>
          <span class="zban" @click="releasetender"><router-link to="/Releasetender">立即发布</router-link></span>
          <div class="login">
            <router-link to="/Entry"><span>登录</span></router-link>
            <router-link to="/Login"><span>注册</span></router-link>
          </div>
        </div>
      <!--<router-link to="/Activity" target="_blank" ><p class="huodongxq"></p></router-link>-->
    </div>
    <img src="../assets/list_tip.png" />
    <div class="content_box">

      <ul class="li_img">
        <li><img src="../assets/z_dh.png" /></li>
        <li><img src="../assets/z-57_38.png" /></li>
        <li><img src="../assets/z-58_64.png" /></li>
        <li><img src="../assets/z-59_56.png" /></li>
        <li><img src="../assets/z-60_50.png" /></li>
        <li><img src="../assets/z12345.png" /></li>
        <li><img src="../assets/z23423434.png" /></li>
        <li><img src="../assets/z-60_50.png" /></li>
        <li><img src="../assets/z-57_38.png" /></li>
        <li><img src="../assets/z-58_64.png" /></li>
        <li><img src="../assets/z-59_56.png" /></li>
        <li><img src="../assets/z-60_50.png" /></li>
      </ul>
      <p class="border_db"></p>
      <div class="tip_information">
          <ul class="inform_left">
            <h3>
              <router-link to="/Releasetender"><span @click="releasetender"></span></router-link>
            </h3>
            <li v-for="item in  itemsa"><router-link :to="{path:'/Tenderhall',query:{id:item.id}}">
              <span class="inform_left_t">{{item.projectName}}</span><span class="inform_left_f">{{format(item.startTime,'yyyy-MM-dd')}}</span></router-link>
            </li>
          </ul>
        <ul class="inform_right">
          <h3></h3>
          <img src="../assets/sbzb.png" />
          <li v-for="item in  item5">
            <router-link :to="{path:'/Gaiz',query:{id:item.id}}">
              <span class="inform_left_tt">{{item.projectName}}</span><span class="inform_left_ff">{{format(item.publicityDate,'yyyy-MM-dd')}}</span></router-link>
          </li>
        </ul>
      </div>
      <div style="width:1200px;margin:0 auto;">
      <Bulletin></Bulletin>
      <Recommend></Recommend>
      </div>
      <div class="dongtai_t">
        <p></p>
        <div class="pic_tt">
          <div class="bbts">
            <p>搭关系</p>
            <p>拓人脉</p>
            <button>拓人脉</button>
          </div>
        </div>
        <div class="pic_tt1">
          <div class="bbts1">
            <p>查商机</p>
            <p>寻机遇</p>
            <button>查询商机</button>
          </div>
        </div>
        <div class="pic_tt2">
          <div class="bbts2">
            <p>搭关456系</p>
            <p>拓人脉</p>
            <button>拓人脉</button>
          </div>
        </div>
      </div>
      <div class="zixun">
        <ul class="zixun_left">
          <div class="zixun_left_h">
            <p><span>行业最新资讯</span> <span>更多</span></p>
            <img src="../assets/dsbbv.png" />
          </div>
           <li v-for="item in arrs1"><router-link :to="{path:'/Wutongzixun',query: { id:item.id}}" target="_blank"><span>{{item.title}}</span> <span>{{format(item.cdate,'yyyy-MM-dd')}}</span></router-link></li>
        </ul> <ul class="zixun_right">
        <div class="zixun_right_h">
          <p><span>梧桐新闻热点</span> <span>更多</span></p>
          <img src="../assets/5959595.png" />
        </div>
        <li v-for="item1 in arrs2"><router-link :to="{path:'/Wutongzixun',query:{ id:item1.id}}" target="_blank"><span>{{item1.title}}</span> <span>{{format(item1.cdate,'yyyy-MM-dd')}}</span></router-link></li>
      </ul>

      </div>
      <div class="content_box_img"></div>
      <div class="foter_img"></div>
    </div>
    <Footers></Footers>
    <div class="top_tip" v-show="scbot">
      <div class="test" v-show="weixin">
        <span class="bot"></span>
        <span class="top"></span>
        <img src="../assets/QRcode.png" style="width:70px;height:70px;position:absolute;top:0; left:0;padding-top:5px;" />

      </div>
      <div class="top_tip_t" @mouseenter="enter($event)" @mouseleave="leave($event)"></div>
      <div class="top_tip_b" @click="topback()"></div>
    </div>
  </div>
</template>

<script>
  import Takeshow from "@/components/Takeshow"
  import Footers from'@/components/Footers'
  import Newsnav from "@/components/Newsnav"
  import Hedar from'@/components/Hedar'
  import Bulletin from'@/components/Bulletin'
  import Recommend from'@/components/Recommend'
  export default {
    data () {
      return {
        bannertip: [
          require('@/assets/bbk.png'),
          require('@/assets/bbk.png'),
          require('@/assets/bbk.png'),
          require('@/assets/bbk.png')
        ],
        butsata:'',
        arrs1:[],
        arrs2:[],
        itemsa:'',
        item5:[],
        scbot:false,
        weixin:false
      }
    },
    methods: {
      topback(){
        window.scrollTo(0,0)
      },
      enter(){
        this.weixin=true
//        $('.test').fadeIn("slow")
      },
      leave(){
        this.weixin=false
//        $('.test').fadeOut("slow")

  },
      biddinginformation(){
        let that=this
        $.ajax({
          type: "post",
          url: local+"/awm/publicity",
//          url:'http://192.168.3.136:9095/awm/publicity',
          data: {
            industry:'',
            pageNo:'',
            pageSize:''
          },
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
            console.log(data.resultData.list
              ,987)
            if(data.resultData && data.resultData.list){
              that.item5=data.resultData.list
            }


          },
          error:function(aa){
            console.log(aa)
          }
        })
  },
      butnbasew(countt,pagee){
        window.scrollTo(0,0);
        let that=this
        $.ajax({
          type: "post",
          url: local+"/awm/tender/selectListTenderin",
          data: {
            tenderId:' ',
            classification:'',
            count:countt,
            page:pagee
          },
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
            console.log(data)
//            that.counts=data.resultData.count
            that.itemsa=data.resultData.list
          },
          error:function(aa){
            console.log(aa)
          }
        });
      },
      //获取cookie
      getCookie: function (cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == ' ') c = c.substring(1);
          if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }
        return "";
      },
      releasetender(){

        if(this.getCookie('login')){
          console.log('1')
        }else{
          console.log('去登陆')
        }
      },
      gonggaolist(columnId,status,pageNo,pageSize){
        let that=this
        $.ajax({
          type: "post",
          url: local+"/awm/announcement",
          data: {
            columnId:columnId,
            status:status,
            pageNo:pageNo,
            pageSize:pageSize
          },
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
            console.log(data.resultData.list)
            that.arrs1=data.resultData.list
          },
          error:function(aa){
            console.log(aa)
          }
        });
      },
      gonggaolist1(columnId,status,pageNo,pageSize){
        let that=this
        $.ajax({
          type: "post",
          url: local+"/awm/announcement",
          data: {
            columnId:columnId,
            status:status,
            pageNo:pageNo,
            pageSize:pageSize
          },
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
            that.arrs2=data.resultData.list
          },
          error:function(aa){
            console.log(aa)
          }
        });
      },
      format(time, format) {
        var t = new Date(time);
        var tf = function(i){return (i < 10 ? '0' : '') + i};
        return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){
          switch(a){
            case 'yyyy':
              return tf(t.getFullYear());
              break;
            case 'MM':
              return tf(t.getMonth() + 1);
              break;
            case 'mm':
              return tf(t.getMinutes());
              break;
            case 'dd':
              return tf(t.getDate());
              break;
            case 'HH':
              return tf(t.getHours());
              break;
            case 'ss':
              return tf(t.getSeconds());
              break;
          }
        })
      },
      handleScroll () {
       let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        console.log(scrollTop)
        if(scrollTop>500){
//            this.scbot=true
          $('.top_tip').fadeIn("slow")
        }else{
//          this.scbot=false
          $('.top_tip').fadeOut("slow")

        }
      }
    },
    mounted () {
      window.addEventListener('scroll', this.handleScroll)
      this.gonggaolist(1,1,1,9)
      this.gonggaolist1(0,1,1,9)
      this.butnbasew(11,1)
      this.biddinginformation()
    },
    components: {
      Newsnav,
      Takeshow,
      Hedar,
      Bulletin,
      Recommend,
      Footers
    }
  }
</script>
<style scoped>
  .test{
    width:70px;
    height:80px;
    border:3px solid #beceeb;
    position:absolute;
    left: -100px;
    top: -25px;
  }
  .test span{width:0;
    height:0;
    font-size:0;
    overflow:hidden;
    position:absolute;
  }
  .test span.bot{
    border-width:20px;
    border-style:solid dashed dashed;
    border-color: transparent  transparent  transparent #beceeb ;
    top:20px;
    right:-40px;
  }
  .test span.top{
    border-width:20px;
    border-style:solid dashed dashed;
    border-color:transparent transparent transparent #f1f1f1;
    top:20px;
    right:-36px;
  }

  .top_tip{
    width:40px;
    height:85px;
    position: fixed;
    bottom:80px;
    right:10px;
    /*background: rgba(0,0,0, 0.1) none repeat scroll 0 0 !important;*/
    /* opacity: 0.5; */
    /* -moz-opacity: 0.5; */
  }
  .top_tip_t{
    width:40px;
    height:40px;
    /*border:2px solid #ff8328;*/
    margin-bottom: 5px;
    background:url("../assets/weixinweixin.png") no-repeat;
    background-size: 40px 40px;
    opacity: 0.5;
    -moz-opacity: 0.5;
  }
  .top_tip_b{
    width:40px;
    height:40px;
    background:url("../assets/toptop.png") no-repeat 0 0;
    background-size: 40px 40px;
     opacity: 0.5;
     -moz-opacity: 0.5;
   }
  .top_tip_t:hover{
      cursor: pointer;
      opacity: 1;
     -moz-opacity: 1;
  }
  .top_tip_b:hover{
      cursor: pointer;
      opacity: 1;
      -moz-opacity: 1;
   }
  .tender1{
    width:100%;
    min-height:1800px;
    /*background: url("../assets/dsbbbbb1.png");*/
  }
  .bbqc .el-dialog {
    width:800px;
    height:400px;
  }
  .logoImg{
    width:100%;
    height:120px;
    background:url(../assets/logobig1.png) no-repeat 0 0;
    overflow: hidden;
  }
  .logoImg .lOgin_search{
    width:490px;
    height:38px;
    margin:40px 0 0 282px;
  }
  .logoImg .lOgin_search input{
    width:408px;
    height:36px;
    background: #eaeaea;
    float:left;
    border:1px solid #ff8328;

  }
  .logoImg .lOgin_search span{
    width:80px;
    height:38px;
    line-height: 38px;
    background:#ff8328;
    float:left;
    color:#eff4fa;
  }
  .logoImg .lOgin_search span:hover{
    cursor: pointer;
  }
  .banner_cont{
    width:100%;
    height:420px;
    background:url("../assets/bbk.png");
    position:relative;
  }
  .huodongxq{
    width: 127px;
    height: 30px;
    border: 1px solid gold;
    position: absolute;
    left:  38.5%;
    top: 89%;
    /*left: 44%;*/
    /*top: 89.9%;*/
  }
  .huodongxq:hover{
    cursor: pointer;
  }
  .banner_cont_tip{
    width:240px;
    height:270px;
    background:#999;
    background:rgba(0,0,0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    /*opacity:0.5;*/
    /*filter:alpha(opacity=50);*/
    /*-moz-opacity:0.5;*/
    float:right;
    position:absolute;
    top:75px;
    right:34px;
    /*margin:75px 24px 0 0;*/
    color:#fff;
    z-index: 999;
  }
  .banner_cont_tip h2{
    width:100%;
    height:86px;
    line-height:86px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing:4px;
    font-family: cursive;
  }
  .banner_cont_tip p{
    width:100%;
    height:50px;
    line-height: 50px;
    font-size: 19px;
    font-weight: bold;
    /* letter-spacing: 6px; */
    font-family: serif;;
  }
  .banner_cont_tip p span:nth-child(1){
     display: inline-block;
    margin-right: 19px;
  }
  .banner_cont_tip .zban{
    display: inline-block;
    width:200px;
    height:40px;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    color:#fff;
    line-height: 40px;
    background:#ff8328;
    margin-top:16px;
  }
  .banner_cont_tip .zban a{
    color:#fff;
    font-family: 新宋体;
     }
  .banner_cont_tip .login{
    width:100%;
    height:44px;
    line-height:44px;
    text-align: left;

  }
  .banner_cont_tip .login a:nth-child(1) span{
    display: inline-block;
    margin:0 30px;
    float:left;
    color:#fff;

  }
  .banner_cont_tip .login a:nth-child(2) span{
    float:right;
    margin:0 30px;
    color:#fff;
  }
  .banner_cont_tip .login a span:hover{
    color:red;
  }


  .li_img {
    width: 1200px;
    height: 173px;
    background: #fff;
    margin: 43px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .li_img li{
    width:150px;
    height:50px;
    margin:20px 0 0 43px;
  }
  .li_img li img{
    width:150px;
    height:50px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;	/* Firefox 4 */
    -webkit-transition: all 0.6s;	/* Safari 和 Chrome */
    -o-transition: all 0.6s;
     }
  .li_img li img:hover{
    transform: scale(1.1);
    -moz-transform: scale(1.1);	/* Firefox 4 */
    -webkit-transform: scale(1.1);	/* Safari 和 Chrome */
    -o-transform: scale(1.1);
  }
  .border_db{
    width:1200px;
    height:8px;
    margin:0 auto 28px;
    background:url("../assets/borjb.png") repeat;
  }
  .tip_information{
    width:1200px;
    height:670px;
    /*background:pink;*/
    margin:0 auto 20px;
  }
  .tip_information .inform_left{
    width:690px;
    height:100%;
    background: #fff;
    float:left;
  }
  .tip_information .inform_left h3{
    width:100%;
    height:120px;
    background:url("../assets/100101.png") no-repeat;
    overflow: hidden;
    position: relative;
  }
  .tip_information .inform_left h3 span{
    width:143px;
    height:50px;
    display: block;
    position: absolute;
    top:35px;
    left:454px;
  }
  .tip_information .inform_left h3 span:hover{
    cursor: pointer;
  }
  .tip_information .inform_left li{
    width:658px;
    height:49px;
    line-height:49px;
    text-align: left;
    border-bottom:1px dashed #c9c9c9;
    margin:0 auto;
    /*list-style:circle  inside url("../assets/little12.png");*/
    background:url("../assets/new1.png") no-repeat 0 15px;
  }
  .tip_information .inform_left li span{
    display: inline-block;
    margin-left: -3px;
    font-size: 17px;
  }
  .tip_information .inform_left li .inform_left_t{
    width:450px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin:0 70px 0 14px;
    text-indent: 10px;
  }
  .tip_information .inform_left li .inform_left_f{
     width:102px;
     overflow: hidden;
     text-align: center;
     text-overflow:ellipsis;
     white-space: nowrap;
   }
  .tip_information .inform_right{
    width:460px;
    height:100%;
    background: #fff;
    float:right;
    position: relative;


  }
  .tip_information .inform_right h3{
    width:100%;
    height:120px;
    background:url("../assets/1008612.png") no-repeat;
    overflow: hidden;

  }
  .tip_information .inform_right img{
    position:absolute;
    top:65px;
    left:84%;
  }
  .tip_information .inform_right li{
    width:427px;
    height:49px;
    line-height:49px;
    border-bottom:1px dashed #c9c9c9;
    text-align: left;
    margin:0 auto;
    z-index: 200;
  }
  .tip_information .inform_right li span{
    display: inline-block;
    margin-left: -3px;
    font-size: 17px;
  }

  .tip_information .inform_right li .inform_left_tt{
    width:260px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin:0 50px 0 10px;
  }
  .tip_information .inform_right li .inform_left_ff{
    width:102px;
    overflow: hidden;
    text-align: center;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .dongtai_t{
    width:1200px;
    height:565px;
    background:#fff;
    margin:23px auto 0;
    display: none;
  }
  .dongtai_t p{
    width:100%;
    height:140px;
    background:url("../assets/111232131.png") no-repeat ;
  }
  .pic_tt{
    width:306px;
    height:356px;
    margin-left:70px;
    float: left;
    background:url("../assets/abbg.png") no-repeat;
  }
  .bbts{
    width:0;
    height:0;
    background:url("../assets/abbgs.png") no-repeat;
    opacity: 0;
    overflow: hidden;
  }
  .bbts p{
    width:100%;
    height:38px;
    line-height:38px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing:2px;
    color: #fff;
    background: none;

  }
  .bbts button, .bbts1 button, .bbts2 button{
    width:127px;
    height:37px;
    border:1px solid #fff;
    border-radius: 20px;
    color:#fff;
    background: none;
    margin-top:40px;
    font-size:20px;
    font-weight: bold;

  }
  .bbts p:nth-child(1){
    margin-top: 100px;
  }
  .pic_tt .bbts{
    animation: all 3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .pic_tt:hover .bbts{
    width:306px;
    height:356px;
    opacity: 1;
  }

  .pic_tt1{
    width:306px;
    height:356px;
    margin-left:70px;
    float: left;
    background:url("../assets/abbg1.png") no-repeat;
  }
  .bbts1{
    width:0;
    height:0;
    background:url("../assets/abbgs1.png") no-repeat;
    opacity: 0;
    overflow: hidden;
  }
  .bbts1 p{
    width:100%;
    height:38px;
    line-height:38px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing:2px;
    color: #fff;
    background: none;

  }
  .bbts1 p:nth-child(1){
    margin-top: 100px;
  }
  .pic_tt1 .bbts1{
    animation: all 3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .pic_tt1:hover .bbts1{
    width:306px;
    height:356px;
    opacity: 1;
  }

  .pic_tt2{
    width:306px;
    height:356px;
    margin-left:70px;
    float: left;
    background:url("../assets/abbg2.png") no-repeat;
  }
  .bbts2{
    width:0;
    height:0;
    background:url("../assets/abbgs2.png") no-repeat;
    opacity: 0;
    overflow: hidden;
  }
  .bbts2 p{
    width:100%;
    height:38px;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing:2px;
    color: #fff;
    background: none;

  }
  .bbts2 p:nth-child(1){
    margin-top: 100px;
  }
  .pic_tt2 .bbts2{
    animation: all 3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .pic_tt2:hover .bbts2{
    width:306px;
    height:356px;
    opacity: 1;
  }
  .zixun{
    width:1200px;
    height:619px;
    margin:40px auto 60px;
  }
  .zixun_left{
    width:570px;
    height:100%;
    background:#fff;
    overflow: hidden;
    float:left;
    margin-right:59px;
  }
  .zixun_left .zixun_left_h{
    width:100%;
    height:260px;
  }
  .zixun_left .zixun_left_h p{
    width:510px;
    height:43px;
    margin:8px auto 0;
  }
  .zixun_left .zixun_left_h p span{
    display: inline-block;
    margin-left: -3px;
  }
  .zixun_left .zixun_left_h p span:nth-child(1){
    width:470px;
    height:43px;
    line-height:43px;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
  }
  .zixun_left .zixun_left_h img{
    width:100%;
    height:202px;
  }
  .zixun_left li{
    width:470px;
    height:38px;
    line-height:38px;
    border-bottom: 1px dashed #c9c9c9;
    margin:0 auto;
    text-align: left;
  }
  .zixun_left li span{
    float:left;
  }
  .zixun_left li span:nth-child(1){
    width:380px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-indent: 25px;
    background:url("../assets/1b2b3b.png") no-repeat 0 12px;
  }
  .zixun_left li span:nth-child(2){
    width:88px;
    text-align: right;
  }
  .zixun_right{
    width:570px;
    height:100%;
    background:#fff;
    overflow: hidden;

  }
  .zixun_right .zixun_right_h{
    width:100%;
    height:260px;
  }
  .zixun_right .zixun_right_h p{
    width:510px;
    height:43px;
    margin:8px auto 0;
  }
  .zixun_right .zixun_right_h p span{
    display: inline-block;
    margin-left: -3px;
  }
  .zixun_right .zixun_right_h p span:nth-child(1){
    width:470px;
    height:43px;
    line-height:43px;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
  }
  .zixun_right .zixun_right_h img{
    width:100%;
    height:202px;
  }
  .zixun_right li{
    width:470px;
    height:38px;
    line-height:38px;
    border-bottom: 1px dashed #c9c9c9;
    margin:0 auto;
    text-align: left;
  }
  .zixun_right li span{
    float:left;
  }
  .zixun_right li span:nth-child(1){
    width:380px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-indent: 25px;
    background:url("../assets/1b2b3b.png") no-repeat 0 12px;
  }
  .zixun_right li span:nth-child(2){
    width:88px;
    text-align: right;
  }
.foter_img{
  width:1200px;
  height:280px;
  margin:0 auto 34px;
  background:url("../assets/foter_img.png") no-repeat left top;
  background-size: 1200px 280px;

}





  .banner{
    width:100%;
    height:420px;
    background:palevioletred;
    margin-bottom: 2px;
  }
  .banner_center{
    width:60%;
    height:100%;
    float:left;
    background:url("../assets/toubiao118.png") no-repeat center center;
    background-size: 100% 100%;
  }
  .banner_left{
    width:20%;
    height:100%;
    float:left;
    background:#eff4fa;
  }
  .banner_left ul{
    width:100%;
    height:70%;
    overflow: hidden;

  }
  .banner_left p{
    width:100%;
    height:32px;
    font-size:16px;
    text-align: left;
    line-height:32px;
    text-indent: 10px;
    border-bottom: 2px solid #ff8328;
  }
  .banner_left p span{
    float: right;
    margin-right:5px;
    font-size: 14px;
  }
  .banner_left li{
    width:100%;
    height:28px;
  }

  .banner_left li span{
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
    height:28px;
    line-height:28px;
  }
  .banner_left li .titlee1{
    width:80%;
  }
  .banner_left li .time111{
    width:20%;
  }

  .banner_right{
    width:20%;
    height:100%;
    float:right;
    background:#eff4fa;
  }
  .banner_right p{
    width:100%;
    height:32px;
    font-size:16px;
    text-align: left;
    line-height:32px;
    text-indent: 10px;
    border-bottom: 2px solid #ff8328;
  }
  .banner_right li{
    width:100%;
    height:28px;
    line-height:28px;
    text-align: left;
    text-indent: 15px;
    border-bottom: 1px dashed #E5E9F2;
  }
  .scroll_box{
    width:100%;
    height:200px;
    background-color: #ffffff;
  }
  .scroll_box p{
    width:150px;
    height:35px;
    line-height:35px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px dashed #ff8328;
  }
  .scroll_box img{
    width:100%;
  }
  .content_box{
    width:100%;
    min-height:800px;
    margin-top:40px;

  }
  .content_box_img{
    width:1200px;
    height:360px;
    background:url("../assets/ativeccd.png") no-repeat left top;
    margin:0 auto 60px;
  }

</style>
